import {ref} from "vue";
import {generateId} from "../util/todoStorage";

export default function useNewTodo(todosRef) {
    const newTodoRef = ref("");
    const addTodo = () => {
        //新增一个任务
        const value = newTodoRef.value && newTodoRef.value.trim(); //trim  去掉首尾空格
        if(!value) {
            return;
        }
        //生成一个任务对象，将其加入到任务列表
        const todo = {
            id: generateId(),
            title: value,
            completed: false,  //任务是否完成
        };
        todosRef.value.push(todo);
        newTodoRef.value = "";
    }
    return {
        newTodoRef,
        addTodo,
    }
}